<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<p:breadCrumb>
		<p:menuitem value="Categories" url="usuarioNormal.jsf" />
		<p:menuitem value="Reservar" url="agregarReserva.jsf" />
		<p:menuitem value="Listar Reservas" url="listarReservasUsuario.jsf" />
	</p:breadCrumb>
</h:head>
<h:body>
	<p:growl id="growl" showDetail="true" sticky="true" />

	<h:form id="formAgregarReserva">

		<h:panelGrid id="panel" columns="2" cellpadding="10" cellspacing="1">
			<f:facet name="header">
				<h:outputText value="Agregar Reserva" />
			</f:facet>

			<p:outputLabel value="Usuario Disponible:" />
			<p:inputText value="#{usuarioMB.usuario.nombreUsuario}" readonly="true" />

			<p:outputLabel value="Salas disponibles:" />
			<p:selectOneMenu id="sala"
				value="#{reservaMB.salaMB.sala.nombreSala}">
				<f:selectItems value="#{salaMB.cargarSalas}" />
			</p:selectOneMenu>

			<p:outputLabel for="dia" value="Dia:" />
			<p:calendar id="dia" value="#{reservaMB.reserva.diaReserva}" />

			<p:outputLabel for="horainicio" value="Hora Inicio:" />
			<p:calendar id="horainicio" value="#{reservaMB.reserva.horaInicio}"
				pattern="HH:mm a" timeOnly="true" />

			<p:outputLabel for="horatermino" value="Hora Termino:" />
			<p:calendar id="horatermino" value="#{reservaMB.reserva.horaTermino}"
				pattern="HH:mm a" timeOnly="true" />

			<f:facet name="footer">
				<h:panelGroup style="display:block; text-align:center">
					<p:commandButton id="agregarReserva" value="Agregar"
						action="#{reservaMB.agregarReservaMG()}" />
				</h:panelGroup>
			</f:facet>
		</h:panelGrid>
	</h:form>
</h:body>
</html>